@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression

What is @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression?

The @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression package is designed to address a specific bug in Safari related to the collision of variable names in destructuring assignments within function expressions. This plugin works as part of the Babel toolchain to transform affected code into a format that avoids the bug, ensuring compatibility and preventing runtime errors in Safari.

What are @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression's main functionalities?

Bug Fix for Safari Destructuring Collision

This code sample demonstrates a scenario where the plugin would transform the function expression to avoid a naming collision that Safari cannot handle. Without the plugin, this code might cause a runtime error in Safari due to the destructuring assignment.

const example = ({ a }) => { const { a: b } = someObject; return a + b; };

Other packages similar to @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression

@babel/plugin-transform-destructuring

Similar in its focus on destructuring assignments, this plugin transforms destructuring patterns to be compatible with older JavaScript engines. While it doesn't target the specific Safari bug, it enhances compatibility of destructuring syntax overall.

@babel/preset-env

Though not a direct counterpart, @babel/preset-env includes various plugins and configurations to ensure code runs smoothly across different environments, potentially including fixes for browser-specific issues like the one @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression addresses.

README

@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression

Rename destructuring parameter to workaround https://bugs.webkit.org/show_bug.cgi?id=220517

See our website @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression

or using yarn:

yarn add @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression --dev